.product-commnet {
  .title {
    font-size: 1.5rem;
    color: $color-brown;
    line-height: 2;
    margin-bottom: 10px;

    .iconfont {
      font-size: 25px;
      margin-right: 5px;
    }
  }
}

.duoshuo-comment {
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;

  &:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    @include bg-element(100%);
    background-size: 100%;
    padding-bottom: 100%;
    opacity: 0.1;
    background-position: top;
    z-index: 1;
  }

  #ds-thread {
    z-index: 10;
  }

  .ds-login-buttons {
    color: #fff;
  }

  .ds-meta {
    display: none;
  }

  #ds-reset .ds-avatar {
    border-radius: 50%;
    box-shadow: none;
    overflow: hidden;
  }

  #ds-thread #ds-reset .ds-comments-info {
    display: none;
  }

  #ds-thread #ds-reset li.ds-tab a {
    text-shadow: none;
  }

  #ds-thread #ds-reset .ds-post-self {
    border: 0;
  }

  #ds-reset .ds-highlight {
    color: $color-brown !important;
  }

  #ds-reset, #ds-related-reads {
    color: #fff;
  }

  #ds-thread #ds-reset li.ds-tab a.ds-current {
    border-color: $color-brown;
  }

  // #ds-thread #ds-reset .ds-sort {
  //   display: none;
  // }

  #ds-thread #ds-reset .ds-sort a.ds-current, #ds-thread #ds-reset .ds-sort a:active {
    color: $color-brown;
  }

  #ds-thread #ds-reset .ds-textarea-wrapper {
    background: none;
    border: 1px solid $color-brown;
    border-radius: 0;
    margin-bottom: 10px;
  }

  #ds-thread #ds-reset .ds-post-options {
    display: none;
    border: 0;
    background: none;
    border-color: $color-brown;
  }

  #ds-thread #ds-reset .ds-post-toolbar {
    box-shadow: none;
  }

  #ds-thread #ds-reset .ds-post-button {
    position: relative;
    left: 0;
    right: auto;
    background-color: $color-brown;
    background-image: none;
    color: #fff;
    border: 0;
    outline: none;
    text-shadow: none;
    font-size: 16px;
    box-shadow: none;
    border-radius: 0;
  }

  #ds-thread #ds-reset .ds-textarea-wrapper textarea {
    color: #fff;
    font-size: 16px;
  }

  #ds-thread #ds-reset .ds-comment-body p {
    font-size: 16px;
  }

  #ds-thread #ds-reset .ds-toolbar-buttons {
    display: none;
  }

  #ds-thread #ds-reset #ds-hot-posts {
    display: none;
  }
}
